<!DOCTYPE HTML>
<html>
    <head lang="zh-CN">
        <meta charset="UTF-8">
        <title>掌上阅读(书架页)</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- 设置初始缩放比例为1.0，使用设备宽度  -->
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
        <!-- 在iOS下开启全屏模式  -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <!-- 隐藏 Sarafi 状态栏  -->
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link href="/public/img/images/icon/xd.ico" rel="shortcut icon" />
        <link href="/public/css/comment/wapReset.css" rel="stylesheet"/>
        <link rel="stylesheet" type="text/css" href="/public/css/comment/header_top.css">
        <link rel="stylesheet" type="text/css" href="/public/css/comment/homepage_list.css">
        <link rel="stylesheet" type="text/css" href="/public/css/bookcase.css">
        <link rel="stylesheet" type="text/css" href="/public/css/comment/messageInfo.css">
        <script src="/public/js/rem/rem.js"></script>
        <script type="text/javascript" src="/public/js/jquery1.7.2.js"></script>
    </head>
    <body scroll="no">
        <header>
            <div class="down_app return_back">
                <img src="/public/img/images/tabbar-back.png">
            </div>
            <div class="logo">
                书架
            </div>
            <div class="search">
                <img src="/public/img/images/tabbar-search.png" alt="搜索"  class="search_hot search_mybookcase" />
                <img src="/public/img/images/tabbar-分类.png" alt="分类" class="classifty_btn" />
            </div>
        </header>
        <div class="classifty">
            <ul class="classifty_nav">
                <li data-type="3">
                    <img src="/public/img/images/newBookicon.png">
                    <p>新书</p>
                </li>
                <li data-type="2">
                    <img src="/public/img/images/winicon.png">
                    <p>排行</p>
                </li>
                <li>
                    <img src="/public/img/images/classicon.png">
                    <p>分类</p>
                </li>
                <li data-type="1">
                    <img src="/public/img/images/besticon.png">
                    <p>精选</p>
                </li>
            </ul>
        </div>
        <nav>
            <li>
                <span class="<?php echo $data['type'] == 1 ? 'active' : '';?>" data-type="1">我的书架</span>
            </li>
            <li>
                <span class="<?php echo $data['type'] == 2 ? 'active' : '';?>" data-type="2">最近阅读</span>
            </li>
        </nav>
        <div class="homepage_list" style="<?php echo $data['count'] > 0 ? 'display: block' : 'display: none';?>">
            <h2>
                <a href="javascript:;">共<?php echo $data['count'];?>本</a>
                <span>编辑</span>
            </h2>
            <?php foreach($data['list'] as $n):?>
            <li data-i="<?php echo $n['novel_id'];?>">
                <span check="false">
                    <img src="/public/img/images/btn-nocheck.png">   
                </span>
                <img src="<?php echo $n['novel_cover'];?>" data-i="<?php echo $n['novel_id'];?>">
                <div data-i="<?php echo $n['novel_id'];?>">
                    <h4 class="editChange"><?php echo $n['novel_title'];?><img src="/public/img/images/btn-turnRight.png">
                        <a href="../novel/chapterContent?novelid=<?php echo $n['novel_id'];?>&chapterid=<?php echo $n['chapter_id'];?>">
                            <span>继续阅读</span>
                        </a>
                    </h4>
                    <h5 class="editChange">作者 <?php echo $n['novel_author'];?></h5>
                    <span class="editChange"><i><k><?php echo $n['chapter_name'];?></k></i><a href="javascript:;"> <?php echo $n['time'];?></a></span>     
                </div>
            </li>
            <?php endforeach;?>
        </div>
        <div class="select_book">
            <span>全选</span>
            <button>删除</button>
        </div>
        <div class="mybook_null" style="<?php echo $data['count'] <= 0 && $data['type'] == 1 ? 'display: block' : 'display: none'?>">
            <img src="/public/img/images/default_book.png">
            <p>书架还是空的呢</p>
        </div>
        <div class="mybook_null nearread_null"  style="<?php echo $data['count'] <= 0 && $data['type'] == 2 ? 'display: block' : 'display: none'?>">
            <img src="/public/img/images/default_recent.png">
            <p>暂无阅读记录</p>
        </div>
        <div class="message_info_alert">
            <span>修改成功</span>
        </div>
    </body>
    <script type="text/javascript" src="/public/js/jquery1.7.2.js"></script>
    <script type="text/javascript" src="/public/js/bookcase.js"></script>
    <script type="text/javascript" src="/public/js/comment.js"></script>
    <script type="text/javascript" src="/public/js/header.js"></script>
</html>